<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用章记录</title>
    <!--公用样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/style.css"/>
    <!--Layui-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
    <!--extended-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/extended.css"/>
    <!--公用样式JS-->
    <script type="text/javascript" src="${re.contextPath}/plugin/jquery/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="${re.contextPath}/plugin/common/js/comment.js"></script>
    <script type="text/javascript" src="${re.contextPath}/plugin/layui/layui.js" charset="utf-8"></script>
</head>
<body>

<script type="text/html" id="toolBar">
    <a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="save" style="margin-left: 0px;width: 60px;">保存</a>
    <a class="layui-btn layui-btn-xs  layui-btn-normal" lay-event="updateCancle" style="margin-left: 0px;width: 60px;">取消</a>
</script>
<div class="project whitebg">
    <div class="left clearfix">
      用章记录
    </div>
    <div>
        <input type="hidden" id="projectId" value="${projectId}">
        <input type="hidden" id="projectName" value="${project.projectName}">
        <table id="tableList" style="height: 400px;" class="layui-hide" lay-filter="tableList"></table>
    </div>
</div>
<script type="text/javascript" src="${re.contextPath}/plugin/tools/tool.js"></script>
<script type="text/javascript">
    var layer;
    var form = layui.form;
    var table = null;
    var tableIns = null;
    var laydate;
    //注意进度条依赖 element 模块，否则无法进行正常渲染和功能性操作
    var element = "";
    layui.use('element', function () {
        element = layui.element;
    });

    layui.use(['form', 'laydate', 'table','layer'], function () {
        table = layui.table;
        element = element;
        laydate = layui.laydate;
        //方法级渲染
        tableIns = table.render({
            id: 'tableList',
            elem: '#tableList',
            title: '用章记录',
            url: '/supervisor/projectManager/querySealRecord?projectId=' + '${projectId}',
            cols: [[
                {
                    title: '序号', width: '10%', align: 'center',templet: function (res) {
                        return res.LAY_INDEX;
                    }
                },
                {field: 'fileName', title: '文档名称', width: '20%', align: 'center'},
                {field: 'checkByName', title: '审核人', width: '15%',align: 'center'},
                {field: 'checkDate', title: '审核时间', width: '15%',align: 'center'},
                {field: 'sealByName', title: '用章人', width: '15%',align: 'center'},
                {field: 'userSealDate', title: '用章时间', width: '15%',align: 'center'},
                {field: 'remark', title: '备注', width: '10%',align: 'center'}

            ]],
            height: 'full-110',
            page: true,
            done: function (res, currentCount) {
                //***重点***：table渲染完成后渲染element进度条
                $(".layui-table-page select").css("width","80px");
                element.render()
            }
        });

    });

</script>

</body>

</html>
